<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>新手上路 - 快切</title>
<meta name="keywords" content="快切,中文css框架,css框架,开源css框架,css框架下载"/>
<meta name="description" content="快切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。"/>
<meta name="author" content="developer@qietu.com">
<link rel="stylesheet" href="assets/css/quick.css">
<link rel="stylesheet" href="assets/css/quick-rwd.css">
<link rel="stylesheet" href="css/prettify.css" >
<link rel="stylesheet" href="css/docs.css">
<!--[if ie 6]>
<link rel="stylesheet" href="assets/css/ie6.css">
<![endif]-->

<!--[if lt IE 9]>
<script src="assets/js/html5.js"></script>
<![endif]-->
<script src="assets/js/jquery-1.7.1.min.js"></script> 
<script src="assets/js/quick.js"></script> 
<script src="js/prettify.js"></script>
<script src="js/docs.js"></script>
 

<style type="text/css">
    #customer{
		Z-INDEX: 1; WIDTH: 80px; POSITION: absolute; height: 146px; background:#DBEFF9; padding:10px;
	}
</style>

<script>

</script>
</head>

<body>



<div class="naver">
	<div class="wrapper">
    	<div class="brand">
        	<a href="./index.html">快切</a>        </div>
    
    	<div class="module">
        	<ul>
                <li class="selected">
                    <a href="started.html" class="selected">入门</a>                </li>
                <li>
                    <a href="grid.html">12列栅格</a>                </li>
                <li>
                    <a href="base.html">基础css</a>                </li>
                <li>
                    <a href="widgets.html">组件</a>                </li>
                <li>
                    <a href="javascript.html">javascript插件</a>                </li>
                <li>
                    <a href="icon.html">图标</a>                </li>
            </ul>
        </div>
    <div class="sub"> <a href="http://kuai.qietu.com">前往官网</a> </div>
    </div>
</div>



<div class="heading">
  <div class="wrapper">
  	<h1>起步</h1>
    <h2>快切-开源中文css框架 提供的是一个可靠的基于HTML5的，并且已经兼容ie6，ie7，ie8，firefox等主流浏览器的一个可基于开发的一个css项目开发闭包。在实际前端开发（css排版等）的时候，需要拷贝 css, imgs ,js ,swf 文件到空白的项目文件夹里面，参照进行项目开发。</h2>
  </div>
</div>




<div class="wrapper">
    
    <div class="row">
    	<div class="col3">
        	<ul class="sidebar">
            <li class="selected">
            <a href="#what">什么是快切？</a></li>
            <li><a href="#ie6">关于ie6支持</a></li>
            <li><a href="#download">下载</a></li>
            <li><a href="#files">文件结构目录</a></li>
            <li><a href="#template">正确加载</a></li>
            <li><a href="#license">使用许可</a></li>
            <li><a href="#feedback">反馈与建议</a></li>
            </ul>
        </div>
        <div class="col9">
        
        <div class="part" id="what">
        <div class="phead">重要说明</div>
          <div class="pbody">
          	 关于quick.css文件。为了更好的拆分框架的内容，让用户能够方便的使用框架的某一个部分。quick.css核心文件代码中利用了 <code>@import url(&quot;icon.css&quot;);</code>的方式进行了调用。所以在使用本框架之前，需要有一点点css功底，并且建议将quick.css源代码大致浏览一遍。          </div>
          </div>
          
          <div class="part" id="download">
		  <div class="phead">关于快切<small></small></div>
        	<div class="pbody">
            
            	  
                 <p>快切是切图网(www.qietu.com)推出的响应css框架。最早于09年推出第一个版本quickcss，经过数年的发展，取其中文意思，现更名为快切！</p>
        	</div>
            </div>
            
            
          
          <div class="part" id="ie6">
		  <div class="phead">关于ie6支持</div>
          <div class="pbody">
          	快切css以最初的QuickCSS为原型，往后升级数个版本，最后更名为快切，一直延续了对ie6的支持，对于ie6等低版本支持的原理是这样的：<strong>快切css提供了基本的网页元素和js组件，相对国外bs框架等优秀框架功能是非常简单的，布局也非常简洁，功能的简洁极大了减少了ie6下不兼容问题的产生，另外，快切css通过对优化html自身结构和规范css代码书写，是兼容ie6的主要原因。</strong>并且我们不主张通过非正常手段来实现ie6兼容，这个是弊大于利的。
          </div>
          </div>
            
            <div class="part" id="files">
            
		  <div class="phead">文件结构<small>
            快切-开源中文css框架基于<a href="http://code.google.com/p/quickcss/">quickcss</a>代码核心。</small></div>
          <div class="pbody">
          	我们已经整理了所有的文件压缩组合成一两个文件。
       	    <pre> 快切-开源中文css框架/    
	├── assets/css/    
	│   ├── quick.css     
	├── assets/js/
	│   ├── jquery.js
	│   ├── quick.js    
	└── img/        </pre>
          </div>
          </div>
          
          <div class="part" id="template">
		  <div class="phead">正确的加载</div>
          <div class="pbody">
          	<pre>&lt;!DOCTYPE html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta charset=&quot;gb2312&quot; /&gt;<br>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;<br>&lt;title&gt;快切-响应css框架&lt;/title&gt;
&lt;meta content=&quot;width=device-width,initial-scale=1&quot; name=&quot;viewport&quot;&gt;<br>&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/quick.css&quot;&gt;<br>&lt;link rel=&quot;stylesheet&quot; href=&quot;css/docs.css&quot;&gt;
&lt;!--[if lt IE 9]&gt;<br>&lt;script src=&quot;assets/js/html5.js&quot;&gt;&lt;/script&gt;<br>&lt;![endif]--&gt;
&lt;script src=&quot;assets/js/jquery.js&quot;&gt;&lt;/script&gt; <br>&lt;script src=&quot;assets/js/quick.js&quot;&gt;&lt;/script&gt; <br>&lt;/head&gt;	
&lt;body&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</pre>
          </div>
          </div>
          
          <div class="part" id="license">
		  <div class="phead">使用许可</div>
          <div class="pbody">
          	<p>代码基于<a target="_blank" rel="nofollow" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>, 文档基于创作共享的 <a target="_blank" rel="nofollow" href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/">署名-非商业使用-相同方 式分享 2.5</a> 协议发布</p>
           <h2>赋予你的权力</h2>
            <div class="alert success">
            	<ul>
                	<li>
                    	免费下载和使用快切css全部或部分用于个人，或商业用途
                    </li>
                	<li>
                    	修改、扩展快切css代码
                    </li>
                </ul>
            </div>
            
             <h2>禁止以下行为</h2>
            <div class="alert error">
            	<ul>
                	<li>
                    	使用快切css代码部分或全部，需保留源代码中的版权申明，禁止删除、修改版权再次发布
                    </li>
                </ul>
            </div>      
            
          </div>
          </div>
          
          
          <div class="part" id="feedback">
		  <div class="phead">反馈及建议</div>
          <div class="pbody">
          	 <h2>反馈信息的正确途径，以确保我们可以收到</h2>
             <p>提交你反馈的内容邮件到 developer@qietu.com 或者登陆快切官方css框架论坛：bbs.qietu.com</p>
          </div>
          </div>

          
          
          
      </div>
    </div>
</div>

<div class="wrapper footer">
	<p>&copy; CopyRight 2002-2013, 快切 kuai.qietu.com, Inc.All Rights Reserved.<br/>
	代码基于<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow" target="_blank">Apache License v2.0</a>, 文档基于创作共享的 <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/" rel="nofollow" target="_blank">署名-非商业使用-相同方 式分享 2.5</a> 协议发布</p>
</div>
<!--浮动菜单-->
<div class="absbar">
	<ul>
    	<li><a href="###">分享</a>
        	<ul>
            	<li><a href="http://weibo.com/qietuwang" target="_blank">微博</a></li>
            	<li><a href="###">微信</a>
                	<div class="qrcode">
                    	<img src="imgs/getqrcode.jpg"/>
                        <br/>请扫描关注快切微信
                    </div>
                </li>
            </ul>
        </li>
    	<li><a href="http://koubei.baidu.com/s/kuai.qietu.com" target="_blank">点评</a></li>
    	<li><a href="###"><i class="icon icon-chevron-up"></i></a></li>
    	<li><a href="###"><i class="icon icon-chevron-down"></i></a></li>
    </ul>
</div>

</body>
</html> 